<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<svg width="200px"  height="200px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-cube" style="background: none;">
			<g transform="translate(25,25)">
			<rect ng-attr-x="{{config.dp}}" ng-attr-y="{{config.dp}}" ng-attr-width="{{config.blockSize}}" ng-attr-height="{{config.blockSize}}" 
				ng-attr-fill="{{config.c1}}" x="-20" y="-20" width="40" height="40" fill="#f05125" transform="scale(1.13389 1.13389)">
				<animateTransform attributeName="transform" type="scale" calcMode="spline" values="1.5;1" keyTimes="0;1" dur="1.4s" keySplines="0 0.5 0.5 1" begin="-0.42s" repeatCount="indefinite">
					
				</animateTransform>
			</rect>
		</g>
		<g transform="translate(75,25)">
			<rect ng-attr-x="{{config.dp}}" ng-attr-y="{{config.dp}}" 
ng-attr-width="{{config.blockSize}}" ng-attr-height="{{config.blockSize}}" ng-attr-fill="{{config.c2}}" x="-20" y="-20" width="40" height="40" fill="#fdb813" transform="scale(1.18355 1.18355)">
<animateTransform attributeName="transform" type="scale" calcMode="spline" values="1.5;1" keyTimes="0;1" dur="1.4s" keySplines="0 0.5 0.5 1" begin="-0.27999999999999997s" repeatCount="indefinite">
					
</animateTransform></rect>
		</g>
		<g transform="translate(25,75)">
			<rect ng-attr-x="{{config.dp}}" ng-attr-y="{{config.dp}}" ng-attr-width="{{config.blockSize}}" ng-attr-height="{{config.blockSize}}" ng-attr-fill="{{config.c3}}" x="-20" y="-20" width="40" height="40"
				 fill="#7fbb42" transform="scale(1.34666 1.34666)">
					<animateTransform attributeName="transform" type="scale" calcMode="spline" values="1.5;1" keyTimes="0;1" dur="1.4s" keySplines="0 0.5 0.5 1" begin="0s" repeatCount="indefinite"></animateTransform>
				</rect>
				</g>
				
				<g transform="translate(75,75)"><rect ng-attr-x="{{config.dp}}" ng-attr-y="{{config.dp}}" ng-attr-width="{{config.blockSize}}" ng-attr-height="{{config.blockSize}}" 
					ng-attr-fill="{{config.c4}}" x="-20" y="-20" width="40" height="40" fill="#32a0da" transform="scale(1.25067 1.25067)">
					<animateTransform attributeName="transform"
						 type="scale" calcMode="spline" values="1.5;1" keyTimes="0;1" dur="1.4s" keySplines="0 0.5 0.5 1" begin="-0.13999999999999999s" repeatCount="indefinite">
					
				</animateTransform></rect></g></svg>
				
<svg width="200px"  height="200px"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-ball2" 
					style="background: none;">
<g ng-attr-transform="translate(0,{{config.dy}})" transform="translate(0,-7.5)">
	<circle cx="50" ng-attr-cy="{{config.cy}}" r="11.0821" ng-attr-fill="{{config.c1}}" cy="41" fill="#df1317" transform="rotate(125.109 50 50)">
	<animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="3.5s" begin="0s" repeatCount="indefinite">
								
	</animateTransform>
	<animate attributeName="r" calcMode="spline" values="0;15;0" keyTimes="0;0.5;1" dur="3.5" keySplines="0.2 0 0.8 1;0.2 0 0.8 1" begin="0s" repeatCount="indefinite">
								
	</animate></circle>
	<circle cx="50" ng-attr-cy="{{config.cy}}" r="3.91787" ng-attr-fill="{{config.c2}}" cy="41" fill="#e4934b" transform="rotate(305.109 50 50)"><animateTransform attributeName="transform" type="rotate" 
								calcMode="linear" values="180 50 50;540 50 50" keyTimes="0;1" dur="3.5s" begin="0s" repeatCount="indefinite">
</animateTransform>
	<animate attributeName="r" calcMode="spline" values="15;0;15" keyTimes="0;0.5;1" dur="3.5" keySplines="0.2 0 0.8 1;0.2 0 0.8 1" begin="0s" repeatCount="indefinite">
								
</animate></circle>
</g></svg>
	</body>
</html>
